<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/sf_style.css" />
<style type="text/css">
<!--
	#product_scoll{ position:relative;overflow:hidden;}
	#product_scoll>ul>li{ overflow:hidden; }
 -->
 </style>
<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.js" type="text/javascript"></script>
<script language="javascript">
	$(function(){
		var scrtime;
		var $ul = $("#product_scoll ul.scoll_ul");
		var liHeight = $ul.find("li.scoll_list:last").height()+40;
		$("#product_scoll").css("height",liHeight);
		$("#product_scoll").hover(function(){
			clearInterval(scrtime);
		},function(){
			scrtime = setInterval(function(){
				$("#product_scoll").css("height",liHeight);
				$ul.animate({marginTop : (liHeight+40) +"px"},1000,function(){
				$ul.find("li.scoll_list:last").prependTo($ul)
				$ul.find("li.scoll_list:first").hide();
				$ul.css({marginTop:0});
				$ul.find("li.scoll_list:first").fadeIn(1000);
			});
		},5000);
		}).trigger("mouseleave");
	});
</script>
<title>Welcome To SF Hygiene :: Contact Us</title> 
</head>
<body>
<div class="regular_content">
	<div class="header_area">
		<div class="logo_pic"><img src="${pageContext.request.contextPath}/images/logo.png"/></div>
		<div class="header_menu right">
			<ul>
			    <li><a href="${pageContext.request.contextPath}">Home</a></li>
				<li><a href="${pageContext.request.contextPath}/product/loadAllProducts.action">Goods</a></li>
				<li class="active"><a href="${pageContext.request.contextPath}/contact/loadcontact.action">Contact Us</a></li>
				<li><a href="${pageContext.request.contextPath}/enterprise/loadIntroduction.action">About Us</a></li>
			</ul>
		</div>
	</div>
	
	<div class="contactinfo">
		<div class="left_column_info left">
		    <s:if test="%{contact.name!=''}">
				<div class="info_weight odd">
					<div class="info_weight_title left">Name:</div>
					<div class="info_weight_content left"><s:property value="contact.name"/></div>
					<div class="clear"></div>
				</div>
			</s:if>
			<div class="info_weight even">
				<div class="info_weight_title left">Phone:</div>
				<div class="info_weight_content left"><s:property value="contact.phone"/></div>
				<div class="clear"></div>
			</div>
			<div class="info_weight odd">
				<div class="info_weight_title left">Cell_Phone:</div>
				<div class="info_weight_content left"><s:property value="contact.cellPhone"/></div>
				<div class="clear"></div>
			</div>
			<div class="info_weight even">
				<div class="info_weight_title left">Address:</div>
				<div class="info_weight_content left"><s:property value="contact.address"/></div>
				<div class="clear"></div>
			</div>
			<s:if test="%{contact.skype!=''}">
			<div class="info_weight odd">
				<div class="info_weight_title left">Skype:</div>
				<div class="info_weight_content left"><s:property value="contact.skype"/></div>
				<div class="clear"></div>
			</div>
			</s:if>
			<s:if test="%{contact.msn!=''}">
			<div class="info_weight even">
				<div class="info_weight_title left">MSN:</div>
				<div class="info_weight_content left"><s:property value="contact.msn"/></div>
				<div class="clear"></div>
			</div>
			</s:if>
		</div>
		
		<div class="right_column_info left">
		    <s:if test="%{contact.qq!=''}">
			<div class="info_weight odd">
				<div class="info_weight_title left">QQ:</div>
				<div class="info_weight_content left"><s:property value="contact.qq"/></div>
				<div class="clear"></div>
			</div>
			</s:if>
			<s:if test="%{contact.email!=''}">
			<div class="info_weight even">
				<div class="info_weight_title left">Email:</div>
				<div class="info_weight_content left"><s:property value="contact.email"/></div>
				<div class="clear"></div>
			</div>
			</s:if>
			<s:if test="%{contact.social!=''}">
			<div class="info_weight odd">
				<div class="info_weight_title left">Social:</div>
				<div class="info_weight_content left"><s:property value="contact.social"/></div>
				<div class="clear"></div>
			</div>
			</s:if>
			<s:if test="%{contact.other1!=''}">
			<div class="info_weight even">
				<div class="info_weight_title left">Other One:</div>
				<div class="info_weight_content left"><s:property value="contact.other1"/></div>
				<div class="clear"></div>
			</div>
			</s:if>
			<s:if test="%{contact.other2!=''}">
			<div class="info_weight odd">
				<div class="info_weight_title left">Other Two:</div>
				<div class="info_weight_content left"><s:property value="contact.other2"/></div>
				<div class="clear"></div>
			</div>
			</s:if>
		</div>
		<div class="clear"></div>
	</div>
	<div class="footer">
		<div class="right copyright">
			&copy;&nbsp;CreateIdea. All Reserved.
		</div>
		<div class="clear"></div>
	</div>
</div>
</body>
</html>


